import { defineStore } from 'pinia'
import { ref } from 'vue'

export const useMenuStore = defineStore('menu', () => {
    // 左边菜单默认宽度
    const menuWidth = ref("250px")

    // 展开或伸缩左边菜单栏
    function handleMenuWidth() {
        // 判断menuWidth的值是否为"250px"，如果是则将其修改为"64px"，否则修改为"250px"
        menuWidth.value = menuWidth.value === "250px" ? "64px" : "250px"
    }

    return {
        menuWidth, handleMenuWidth
    }
})